	//获取页面url参数
	function GetQueryString(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if(r != null) return unescape(r[2]);
		return null;
	}
	var index = GetQueryString('Index');//商品ID
	var eventId = GetQueryString('eventId');//事件ID
	var status = GetQueryString('status');//商品状态   新增、新建、修改
	
	$('.select2').select2();
	$('#datepicker').datepicker({
		format: 'yyyy-mm-dd'

	})
	//初始化
	dataInit();
    //初始化交互
	function dataInit() {
		$.ajax({
			type: "get",
			url: "https://www.retux.cn/MgProductApproveDetail",
			async: true,
			data: {
				Id: index,
				Event: eventId,
				Type: status
			},
			success: function(data) {
				DataView(data);
			}
		});
	}

    //表格渲染
	function DataView(data) {
		//修改项的图标显示
		var Icon_S = $('.fa-exclamation-circle');
		if(status == 'Modify') {
			for(var i = 0; i < data[5].length; i++) {
				if(data[5][i] == 1) {
					$('.fa-exclamation-circle[num=' + i + ']').css('display', 'inline-block');
				}

			}
		}

		//审核上架时间
		if(data[6] != undefined) {
			$('#datepicker').val(data[5]);
			$('#radio3').prop('checked', true)
		} else {
			$('#radio4').prop('checked', true)
		}
		
		var inpText = $('.new_item').find('input');	
		for(var i = 0; i < data[0].length; i++) {
			if(i < 5) {
				inpText.eq(i).val(data[0][i])
			}
			if(i > 6) {
				$('.sel').eq(i - 7).val(data[0][i]).trigger('change');
			}
		}
		if(data[0][5].indexOf('热卖') > (-1)) {
			$('.check').eq(1).prop('checked', true)
		} else {
			$('.check').eq(1).prop('checked', false)
		}
		if(data[0][5].indexOf('新品') > -1) {
			$('.check').eq(0).prop('checked', true)
		} else {
			$('.check').eq(0).prop('checked', false)
		}
		if(data[0][5].indexOf('推荐') > -1) {
			$('.check').eq(2).prop('checked', true)
		} else {
			$('.check').eq(2).prop('checked', false)
		}
		for(var i = 0; i < data[2].length; i++) {

			$('.img').eq(i).html('<img src="' + data[2][i] + '" width="85px" height="100px" style="vertical-align: top;">')
		}
		for(var i = 0; i < data[1].length; i++) {
			var Inp = `<input class="form-control" type="text" value="${data[1][i][0]}" readonly="readonly"/>`;
			var Inp2 = `<input class="form-control" type="text" value="${data[1][i][1]}" readonly="readonly"/>`;
			$('.kind_box_2').append(Inp);
			$('.kind_box_3').append(Inp2);
		}
		$('.occcation').val(data[0][6]).trigger('change');
		$('.detail_pic').html('<img src="' + data[4] + '" width="85px" height="100px" style="vertical-align: top;">')
		$('.file_img1').html('<img src="' + data[3] + '" width="85px" height="100px" style="vertical-align: top;">')
	}

	$(".select2").prop("disabled", true);